@extends('user.base')

@section('content-header','Case List')

@section('content-body')	
	<!--Display detailed patient information-->
	<div id="center" class="container col-md-10">
		<!--Patient Cases-->
		<div id="case_container" class="container-fluid">
			<div class="padding border-bottom">
				<a href="{{ URL('patient/cases/create/'.$patient->id)}}" class="btn btn-primary btn-large">Add New Case</a>			
			</div>
			<br>			
			@foreach($cases as $case)			
				<div class="panel panel-primary">
					<div class="panel-heading">
						<p><h5>	Created at <i>{{ $case->created_at }}</i></h5></p>
						<p><h5> Last modified at <i>{{ $case->updated_at }}</i></h5></p>		
					</div>	
					<!--Case panel body-->
					<div class="panel-body">
						<!--Left eye pictures-->
						<div class="col-md-6">
							<p><h5>OS:</h5></p>
							<div class="col-xs-6 col-md-4">
							<a href="#" class="thumbnail">
								<img alt="100%x180" src="http://img.mukewang.com/5434eba100014fe906000338.png" style="height: 90px; width: 100%; display: block;">
							</a>
							</div>
							<div class="col-xs-6 col-md-4">
							<a href="#" class="thumbnail">
								<img alt="100%x180" src="http://img.mukewang.com/5434eba100014fe906000338.png" style="height: 90px; width: 100%; display: block;">
							</a>
							</div>	
							<div class="col-xs-6 col-md-4">
							<a href="#" class="thumbnail">
								<img alt="100%x180" src="http://img.mukewang.com/5434eba100014fe906000338.png" style="height: 90px; width: 100%; display: block;">
							</a>
							</div>					
						</div><!--left eye pictures-->
						<!--Right eye pictures-->
						<div class="col-md-6">
							<p><h5>OD:</h5></p>
							<div class="col-xs-6 col-md-4">
							<a href="#" class="thumbnail">
								<img alt="100%x180" src="http://img.mukewang.com/5434eba100014fe906000338.png" style="height: 90px; width: 100%; display: block;">
							</a>
							</div>
							<div class="col-xs-6 col-md-4">
							<a href="#" class="thumbnail">
								<img alt="100%x180" src="http://img.mukewang.com/5434eba100014fe906000338.png" style="height: 90px; width: 100%; display: block;">
							</a>
							</div>	
							<div class="col-xs-6 col-md-4">
							<a href="#" class="thumbnail">
								<img alt="100%x180" src="http://img.mukewang.com/5434eba100014fe906000338.png" style="height: 90px; width: 100%; display: block;">
							</a>
							</div>	
						</div><!--right eye pictures-->
						<!--Case related video-->
						<div>

						</div><!--case related video-->

					</div><!--case panel body-->
					<div class="panel-footer">
						Case Description:{{ $case->description }}
						<a href="{{ URL('patient/cases/'.$case->id.'/edit')}}"  class="pull-right">More>></a>
					</div>
				</div><!--Case Panel-->
			@endforeach			
		</div>
		{!! $cases->render() !!}
	</div>
@endsection

@section('js')

@endsection